{extend name="public:base" /}
{block name="head"}
<link href="__PUBLIC__/view_res/mobile/css/wshop_company_center.css" type="text/css" rel="Stylesheet" />
<link href="__PUBLIC__/view_res/mobile/css/uc.css" type="text/css" rel="Stylesheet" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="__PUBLIC__/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="__PUBLIC__/bootstrap-3.3.7-dist/css/img.css">
{/block}
{block name="header"}
{include file="public/top-nav" /}
{/block}
{block name="content"}
<div class="card">

    <p style="color: #0c75cc"><span>宝豆：</span>{$user.bao|default='0'}</p>
    <p style="color: orange"><span>吉豆：</span>{$user.jilt|default='0'}</p>
    <p style="color: red"><span>元宝：</span>{$user.jilin_bean|default='0'}</p>

    <a href="{:url('Contract/warn')}"  style="width:100%;margin-top:20px;" class="btn btn-default">提货申请</a>
    <a href="{:url('Contract/bao')}"  style="width:100%;margin-top:20px;color: #0c75cc;font-weight:bold" class="btn btn-default">宝豆</a>
    <a href="{:url('Contract/jilt')}"  style="width:100%;margin-top:20px; color: orange;font-weight:bold" class="btn btn-default">吉豆</a>
</div>
<style media="screen">
    body {
        background-color: #efeff4
    }

    .card {
        font-size: 14px;
        position: absolute;
        margin-bottom: 10%;
        width: 80%;
        top: 80px;
        left: 50%;
        transform: translate(-50%, 0%);
        overflow: hidden;
        border-radius: 2px;
        background-color: #fff;
        background-clip: padding-box;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
        padding: 10px;
        color: #8f8f94;
        font-weight:bold;
    }
    .card>p>span{
        width: 120px;
        display: inline-block;
    }
    .card .card_title {
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        line-height: 60px;
    }

    .card .title {
        border-left: 2px solid #4ab8ec;
        font-size: 16px;
        line-height: 16px;
        padding-left: 4px;
        margin: 10px 4px;
        color: #000;
    }

</style>
<script src="__PUBLIC__/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/bootstrap-3.3.7-dist/js/img.js"></script>
{/block}
{block name="script"}
{/block}
